<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>电影</title>

<!--    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>-->
    <script src="./js/vue2.6.12.js"></script>
    <script src="./js/axios.js"></script>

    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script> -->
    <!-- <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script> -->
    <script type="text/javascript" src="./js/qs.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>

    <link rel="stylesheet" href="./css/common.d1d257d3.css">
    <link rel="stylesheet" href="./css/movie-list.79052e3e.css">

</head>
<body>

<div id="app">
    <div class="header">
        <div class="header-inner">
            <a href="index.html" class="logo" ></a>
            <div class="city-container" >
                <div class="city-selected">
                    <div class="city-name">
                        &nbsp;
                        <!--                        <span class="caret"></span>-->
                    </div>
                </div>
                <div class="city-list" >
                    <div class="city-list-header">定位城市：<a class="js-geo-city">上海</a></div>
                </div>类型
            </div>

            <div class="nav">
                <ul class="navbar">
                    <li><a href="index.html" >首页</a></li>
                    <li><a href="movie.html" class="active">电影</a></li>
                    <li><a href="cinema.html" >影院</a></li>
                    <li><a href="dashboard_websocket.html" target="_blank" >榜单</a></li>
                </ul>
            </div>

            <div class="user-info" v-if="islogin">
                <div class="user-avatar has-login">
                    <img src="./images/63957f10ae9679c95d4ba26ad1bd29c816882.png">
                    <span class="caret"></span>
                    <ul class="user-menu yes-login-menu">
                        <li class="text"><a href="./orderlist.html">我的订单</a></li>
                        <li class="text login-name"><a href="javascript:void(0)" >基本信息</a></li>
                        <li class="text"><a href="javascript:void(0)" class="J-logout" @click="logout">退出登录</a></li>
                    </ul>
                </div>
            </div>
            <div class="user-info" v-if="!islogin">
                <div class="user-avatar J-login">
                    <img src="./images/7dd82a16316ab32c8359debdb04396ef2897.png">
                    <span class="caret"></span>
                    <ul class="user-menu no-login-menu">
                        <li><a href="javascript:void(0)" @click="login">登录</a></li>
                    </ul>
                </div>
            </div>

            <form target="_blank" class="search-form" >
                <input name="kw" class="search" type="search" v-model="searchKey" maxlength="32" placeholder="找影视剧、影人、影院"
                       autocomplete="off">
                <input class="submit" type="button"  @click="doSearch"/>
            </form>

        </div>
    </div>
    <div class="header-placeholder"></div>

    <div class="subnav">
        <ul class="navbar">
            <li>
                <a class="active"  href="javascript:void(0);">正在热映</a>
            </li>
            <li>
                <a  href="javascript:void(0)">即将上映</a>
            </li>
            <li>
                <a  href="javascript:void(0)">经典影片</a>
            </li>
        </ul>
    </div>


    <div class="container">
        <div class="movies-channel">
            <div class="tags-panel">
                <ul class="tags-lines">
                    <li class="tags-line">
                        <div class="tags-title">类型 :</div>
                        <ul class="tags" id="movieTypeUl">
                            <li :class="{active:selectedTypeId==0}" @click="queryMovieByType($event,0)">
                                <a href="javascript:void(0);" style="cursor: pointer">全部</a>
                            </li>
                            <li :class="{active:movieType.typeId==selectedTypeId}" v-for="movieType in movieTypeList"
                                :key="movieType.typeId" @click="queryMovieByType($event,movieType.typeId)">
                                <a href="javascript:void(0);">{{movieType.typeName}}</a>
                            </li>

                        </ul>
                    </li>
                    <li class="tags-line tags-line-border">
                        <div class="tags-title">区域 :</div>
                        <ul class="tags">
                            <li :class="{active:selectedAreaId==0}" @click="queryMovieByArea($event,0)">
                                <a href="javascript:void(0);" style="cursor: pointer">全部</a>
                            </li>
                            <li :class="{active:movieArea.areaId==selectedAreaId}" v-for="movieArea in movieAreaList"
                                :key="movieArea.areaId" @click="queryMovieByArea($event,movieArea.areaId)">
                                <a href="javascript:void(0);">{{movieArea.areaName}}</a>
                            </li>

                        </ul>
                    </li>
                    <li class="tags-line tags-line-border">
                        <div class="tags-title">年代 :</div>
                        <ul class="tags">
                            <li :class="{active:0==selectedYear}" @click="queryMovieByYear($event,0)">
                                <a href="javascript:void(0);" style="cursor: pointer">全部</a>
                            </li>
                            <li :class="{active:yearobj.year==selectedYear}" v-for="yearobj in yearList"
                                :key="yearobj.year" @click="queryMovieByYear($event,yearobj.year)">
                                <a href="javascript:void(0);">{{yearobj.desc}}</a>
                            </li>

                        </ul>
                    </li>
                </ul>
            </div>
            <div class="movies-panel">
                <div class="movies-sorter">
                    <div class="cat-sorter">
                        <ul>
                            <li>
                                <span class="sort-control-group"  style="cursor: pointer">
                                  <span class="sort-control sort-radio sort-radio-checked"></span>
                                  <span class="sort-control-label">按热门排序</span>
                                </span>
                            </li>
                            <li>
                            <span class="sort-control-group">
                              <span class="sort-control sort-radio"></span>
                              <span class="sort-control-label">按时间排序</span>
                            </span>
                            </li>
                            <li>
                                <span class="sort-control-group">
                                  <span class="sort-control sort-radio"></span>
                                  <span class="sort-control-label">按评价排序</span>
                                </span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="movies-list">
                    <dl class="movie-list">
                        <dd v-for="movie in movieList" :key="movie.movieId">
                            <div class="movie-item film-channel">
                                <a :href="filmDetailPage+movie.movieId" target="_blank">
                                    <div class="movie-poster">
                                        <img class="poster-default" src="./images/movie/loading_2.e3d934bf.png">
                                        <img :src="movieImagePath+movie.movieImg">
                                    </div>
                                </a>
                                <div class="channel-action channel-action-sale">
                                    <a>购票</a>
                                </div>
                                <div class="movie-ver"></div>
                            </div>

                            <div class="channel-detail movie-item-title" :title="movie.movieName">
                                <a :href="filmDetailPage+movie.movieId" target="_blank">{{movie.movieName}}</a>
                            </div>
                            <div class="channel-detail channel-detail-orange"><i
                                    class="integer">{{movie.movieScore}}分</i></div>

                        </dd>
                    </dl>
                </div>
                <div class="movies-pager">
                    <ul class="list-pager">
                        <li :class="{active:selectedPage==page}" v-for="page in pagesList" :key="page">
                            <a class="page_1" href="javascript:void(0);" @click="gotoPage(page)" style="cursor: pointer">{{page}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script>
    let vm = new Vue({
        el: "#app",//绑定，告知vue负责管理页面的哪个部分
        data: {
            islogin:false,
            //查询条件对象
            queryParams: {
                pageNum: 1, //当前第几页
                pageSize: 12,//每页的记录条数
                movieStatus: 1, //电影的状态
                movieType: undefined, //电影类型id
                movieArea: undefined, //电影地区id
                movieReleaseYear: undefined, //电影的上映年份
                orderByColumn: undefined, //排序字段
                isAsc: undefined, //升序还是降序
                queryType:'o'//o-正在上映 c-即将上映
            },
            activeCls: ['active'],//按钮被选中的css class属性
            //电影列表
            movieList: [
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"movieId":166,"movieName":"天气之子","movieReleaseTime":"2019-10-31","movieArea":1,"movieVersion":"国语2D","movieInfo":"在高一的夏天，少年帆高（醍醐虎汰朗 配音）离家出走，一个人来到东京。帆高好不容易找到一份工作，为一本古怪的“神秘学杂志”写稿，生活孤单贫苦。连日的滂沱大雨，像是来映衬他的失落。在纷纭杂沓的大都会一角，帆高遇上了一个可爱少女阳菜（森七菜 配音）。阳菜和弟弟相依为命，个性坚强、开朗，但她心中隐藏着一个重大秘密──每当她说：“现在开始天晴了！”雨便渐渐停下来，美丽的阳光洒落街上。原来，她拥有一股不可思议的能量，一股能让天空放晴的异力……","movieImg":"ecca4f0b95340b2c57006a1bace4c3f91386100.jpg@464w_644h_1e_1c.jpg","movieEname":" 天気の子","movieScore":9,"movieStatus":1,"movieCount":1120,"movieBoxOffice":1266,"movieTime":113,"movieWantCount":5671054,"movieReleaseYear":2019,"commentUserCount":12}
            ],
            //电影类型列表
            movieTypeList: [
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"typeId":3,"typeName":"爱情"}
            ],
            //电影地区列表
            movieAreaList: [
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"},
                {"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"areaId":1,"areaName":"大陆"}
            ],
            selectedTypeId: 0,//被选中的类型id
            selectedAreaId: 0,//被选中的地区id
            selectedYear: 0,//被选中的年代
            selectedPage:1,//当前被选中的页码
            //年份列表
            yearList: [
                {"year": 2022, "desc": '2022'},
                {"year": 2021, "desc": '2021'},
                {"year": 2020, "desc": '2020'},
                {"year": 2019, "desc": '2019'},
                {"year": 2018, "desc": '2018'},
                {"year": 2017, "desc": '2017'},
                {"year": 2016, "desc": '2016'},
                {"year": 2015, "desc": '2015'},
                {"year": 2014, "desc": '2014'},
                {"year": 2013, "desc": '2013'},
                {"year": 2012, "desc": '2012'},
                {"year": 2011, "desc": '2011'},
                {"year": 2000, "desc": '2000-2010'},
                {"year": 1990, "desc": '90年代'},
                {"year": 1980, "desc": '80年代'},
                {"year": 1970, "desc": '70年代'},
                {"year": 1960, "desc": '更早'}
            ],
            //分页页码列表
            pagesList:[
                1,2,3,4,5,6,7
            ],
            searchKey:'',//搜索框绑定的变量
            movieImagePath:'./images/',//图片路径前缀
            filmDetailPage:'filmdetail.html?movieId=',//电影详情页面地址
        },
        methods: {
            //搜索
            /**
             * url:search.html
             * method:get
             * param: searchKey
             * url使用encodeURI编码,例如：encodeURI("search.html?searchKey=万达")
             */
            doSearch() {
                location.href=encodeURI("search.html?searchKey="+this.searchKey)
            },

            //查询电影类型列表
            /**
             * url:cinema/cinema/movietype/web/list
             * method: get
             * param: pageNum=1
             * param: pageSize=100
             * return: 返回列表赋值给 movieTypeList
             */
            loadMovieTypeList() {

            },
            //查询电影上映地区列表
            /**
             * url:cinema/cinema/moviearea/list
             * method: get
             * param: pageNum
             * param: pageSize=100
             * return: 返回列表赋值给 movieAreaList
             */
            loadMovieAreaList() {


            },
            // 根据年代查询
            /**
             * param:  year 赋值给 this.selectedYear
             * param: year 赋值给 this.queryParams.movieReleaseYear
             * call: 调用this.loadMovies加载电影列表
             */
            queryMovieByYear(event, year) {

            },
            //根据地区查询
            /**
             * param:  areaId 赋值给 this.selectedAreaId
             * param: areaId 赋值给 this.queryParams.movieArea
             * call: 调用this.loadMovies加载电影列表
             */
            queryMovieByArea(event, areaId) {

            },
            //根据类型查询
            /**
             * param:  typeId 赋值给 this.selectedTypeId
             * param: typeId 赋值给 this.queryParams.typeId
             * call: 调用this.loadMovies加载电影列表
             */
            queryMovieByType(event, typeId) {

            },
            //初始化年代列表
            initYearList() {
                //1. 创建一个Date对象:new Date()
				//2. 取出当前年份



            },
            //加载电影列表
            /**
             * url:cinema/cinema/movie/list
             * method:get
             * param:  queryParams 对象
             * return: 返回电影列表赋值给 movieList
             * return: 返回分页数组pageInfo.navigatepageNums,赋值给 pagesList
             */
            loadMovies() {

            },
            //翻页
            /**
             *
             * param pg 赋值给this.selectedPage
             * param pg 赋值给this.queryParams.pageNum
             * call: 调用this.loadMovies加载电影列表
             */
            gotoPage(pg){

            },

            logout(){
                removeToken()
                localStorage.removeItem("user_cellphone")
                location.href="index.html"
            },
            login(){
                location.href='login.html'
            },
            checkIsLogin(){
                if(getToken()){
                    this.islogin=true;
                }
            }
        },
        //页面初始化函数
        /**
         * 调用this.loadMovieTypeList加载电影类型列表
         * 调用this.loadMovieAreaList加载电影地区列表
         * 调用this.initYearList初始化年份列表
         * 调用this.loadMovies加载电影列表
         */
        created() {

        }
    })
</script>
</html>
